import React from "react";
// import UnControlledDEmo  from './UnControlDemo'
// import PortalsDemo from './PortalsDemo'
// import ContextDemo from './ContextDemo'
// import LazyDemo from './LazyDemo'
// import HOCDemo from "./HOCDemo";
import RenderPropDemo from './RenderPropDemo'


class AdvanceUse extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <div>
        {/* <UnControlledDEmo></UnControlledDEmo> */}
        {/* <PortalsDemo>Model 内容</PortalsDemo> */}
        {/* <ContextDemo></ContextDemo> */}
        {/* <LazyDemo></LazyDemo> */}
        {/* <HOCDemo a={10}></HOCDemo> */}
        <RenderPropDemo></RenderPropDemo>
      </div>
    )
  }
}

export default AdvanceUse